<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>实时视频</title>
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/icons-extra.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/master.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/news-list.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/refresh.css" />
		<!--上拉刷新 下拉加载样式-->
	</head>
	<style>
		#topPopover {
			position: fixed;
			top: 16px;
			right: 6px;
		}
		
		#topPopover .mui-popover-arrow {
			left: auto;
			right: 6px;
		}
		
		.mui-popover {
			box-sizing: border-box;
			height: auto;
			overflow: hidden;
			padding-bottom:-10px;
			line-height: 10px;
			top:30%!important;
			width: 100%;
			margin-left: 5px;
		}
		
		.mui-popover .mui-popover-arrow {
			top:-30px;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav mui-head bg-00BC8D">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title text-ffffff">实时视频</h1>
		</header>
		<div class="mui-content">
			<video controls="controls" autoplay="autoplay" width="100%" height="100%">
				<source src="http://47.92.81.209:1935/live/hello.m3u8"></source>
			</video>
		</div>

	</body>
	<script src="../../../js/jquery.min.js"></script>
	<!-- jquery -->
	<script src="../../../js/mui.min.js"></script>
	<!-- mui -->
	<script src="../../../libs/waitMe/waitMe.min.js"></script>
	<!-- 遮罩 -->
	<script src="../../../js/setting.js"></script>
	<!-- 配置文件 -->
	<script src="../../../js/common.js"></script>
	<!-- 公共方法 -->
</html>